<template>
    <div class="father">
        <div class="box" :style="{width:width+'%'}"></div>
    </div>
</template>

<script>
export default {
  name: 'PackagingMyProgress',
  props: {
    width: {
      type: Number,
      default: 0
    }
  },
  data () {
    return {

    }
  },

  mounted () {

  },

  methods: {

  }
}
</script>

<style lang="less" scoped>
.father {
    width: 600px;
    height: 10px;
    border-radius: 10px;
    background-color: gray;
    .box {
        width: 10%;
        height: 10px;
        border-radius: 10px;
        background-color: red;
    }
}
</style>
